<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/Gdcss.css"/>
<script type="text/javascript" src="script/jquery1.42.min.js"></script>

<script type="text/javascript" src="script/system.js"></script>

<title>江西斗金农业科技有限公司</title>
</head>

<body>
<!--Top开始-->
<div id="Top">
	<div class="W1000 margin TopW">
    	<div class="Logo"><img src="images/20190721104310.png"  /></div>
        <div class="Tel"><img src="images/20190720155228.png" width="285" height="50" /></div>
    </div>
</div>
<!--Top结束-->

<!--Nav开始-->

<div id="Nav">
	<ul>
    	<li><a href="xxx.html">首页</a></li>
        <li><a href="Introduction.html">公司简介</a></li>
        <li><a href="List.html">产品展示</a></li>
        <li><a href="Content.html">关于我们</a></li>
        <li><a href="Join.html">诚邀加盟</a></li>
        <li><a href="ContactUs.html">联系我们</a></li>
        <li><a href="index.html">品牌简介</a></li>
    </ul>
</div>
<div class="NavY"></div>
<!--Nav结束-->

<!--Banner开始-->
<div id="yc-mod-slider">
  <div class="wrapper">
    <div id="slideshow" class="box_skitter fn-clear Mag">
      <ul>
        <li> <img src="images/0190721113150.jpg" align="top" class="cubeRandom" /></li>
        <li> <img src="images/20190721134912.jpg" align="absmiddle"  class="cubeRandom" /> </li>
        <li> <img src="images/_20190721135512.jpg" align="absmiddle" class="cubeRandom" /> </li>
        <li> <img src="images/0190721113150.jpg" align="absmiddle" class="cubeRandom" /> </li>
      </ul>
    </div>
    <script type="text/javascript" src="script/slideshow.js"></script>
  </div>
</div>
<!--Banner结束-->

<div id="Main">
    <!--虫草介绍开始-->
	<div class="Introduction01">
    	<div class="TntrW W1000 margin">
        	<div class="LefttTxt FloatL">
            	<h2>老农头</h2>
                <p>
                老农头是隶属于江西斗金农业科技有限公司旗下的一款线上商城小程序
                我们致力于降低大众的生活成本，为大众提供方便提高大众的品质
                我们在于营造一个全新的市场环境，使农贸等产品的市场管理，服务
                和监督的信息网络化，工作规范化，管理现代化，减少生鲜等市场的中间环节，
                降低消费者的生活成本与购物的时间成本，提高生鲜市场的服务质量，让利于消费者，
                提高消费者的生活品质，展示全新的市场理念，走向全新的生活体验。
            </p>
            </div>
            <div class="Rightimg FloatL"><img src="images/3.jpg" width="234" height="150" /></div>
        </div>
    </div>
    <!--虫草介绍结束-->
	
<div class="MainBg">
    <div class="Product W1000 margin">
    	<div class="ProductNav"><img src="images/poNav.png" /></div>
    <!--产品展示JS开始-->
    <div class="Instiute">
  <div class="InsBg"><a href="javascript:void(0);" id="prev" class="InsLeft Fleft"></a>
    <div class="InsCenter Fleft">
      <ul>
        <li> <a href="#"><img src="images/timg.jpg" /></a><a href="" class="InsTxt">长白山人参</a></li>
        <li> <a href="#"><img src="images/timg (1).jpg" /></a><a href="" class="InsTxt">2</a></li>
        <li> <a href="#"><img src="images/timg (2).jpg" /></a><a href="" class="InsTxt">3</a></li>
        <li> <a href="#"><img src="images/timg (12).jpg" /></a><a href="" class="InsTxt">4</a></li>
        <li> <a href="#"><img src="images/timg (4).jpg" /></a><a href="" class="InsTxt">5</a></li>
        <li> <a href="#"><img src="images/timg (5).jpg" /></a><a href="" class="InsTxt">5</a></li>
        <li> <a href="#"><img src="images/timg (6).jpg" /></a><a href="" class="InsTxt">4</a></li>
        <li> <a href="#"><img src="images/timg (7).jpg" /></a><a href="" class="InsTxt">4</a></li>
        <li> <a href="#"><img src="images/timg (8).jpg" /></a><a href="" class="InsTxt">41</a></li>
      </ul>
    </div>
    <a href="javascript:void(0);" id="next"  class="InsRight Fright"></a></div>
</div>


    <!--产品展示JS结束-->
    
    <!--视频展示开始-->
    <div class="VideoDisplay"><img src="images/VideoDisplay.png" /></div>
    <div class="VidoBg">
    	<div class="Vido FloatL"><img src="images/vido.jpg" /></div>
        <div class="VidoR FloatR">
        	<div id="msg_slideshow" class="msg_slideshow">

	<div id="msg_wrapper" class="msg_wrapper"></div>
	
	<div id="msg_controls" class="msg_controls">
		<a href="#" id="msg_grid" class="msg_grid"></a>
		<a href="#" id="msg_prev" class="msg_prev"></a>
		<a href="#" id="msg_pause_play" class="msg_pause"></a>
		<a href="#" id="msg_next" class="msg_next"></a>
	</div>
	
	<div id="msg_thumbs" class="msg_thumbs">
		<div class="msg_thumb_wrapper">
			<a href="#"><img src="images/thumbs/2.jpg" alt="images/2.jpg"/></a>
			<a href="#"><img src="images/thumbs/3.jpg" alt="images/3.jpg"/></a>
			<a href="#"><img src="images/thumbs/4.jpg" alt="images/4.jpg"/></a>
			<a href="#"><img src="images/thumbs/5.jpg" alt="images/5.jpg"/></a>
			<a href="#"><img src="images/thumbs/6.jpg" alt="images/6.jpg"/></a>
		</div>
		<div class="msg_thumb_wrapper" style="display:none;">
			<a href="#"><img src="images/thumbs/7.jpg" alt="images/7.jpg"/></a>
			<a href="#"><img src="images/thumbs/8.jpg" alt="images/8.jpg"/></a>
			<a href="#"><img src="images/thumbs/9.jpg" alt="images/9.jpg"/></a>
			<a href="#"><img src="images/thumbs/10.jpg" alt="images/10.jpg"/></a>
			<a href="#"><img src="images/thumbs/11.jpg" alt="images/11.jpg"/></a>
			<a href="#"><img src="images/thumbs/12.jpg" alt="images/12.jpg"/></a>
		</div>
		<a href="#" id="msg_thumb_next" class="msg_thumb_next"></a>
		<a href="#" id="msg_thumb_prev" class="msg_thumb_prev"></a>
		<a href="#" id="msg_thumb_close" class="msg_thumb_close"></a>
		<span class="msg_loading"></span>
	</div>
</div>

<!-- The JavaScript -->
<script type="text/javascript">
$(function() {
	/**
	* interval : time between the display of images
	* playtime : the timeout for the setInterval function
	* current  : number to control the current image
	* current_thumb : the index of the current thumbs wrapper
	* nmb_thumb_wrappers : total number	of thumbs wrappers
	* nmb_images_wrapper : the number of images inside of each wrapper
	*/
	var interval			= 4000;
	var playtime;
	var current 			= 0;
	var current_thumb 		= 0;
	var nmb_thumb_wrappers	= $('#msg_thumbs .msg_thumb_wrapper').length;
	var nmb_images_wrapper  = 6;
	/**
	* start the slideshow
	*/
	play();
	
	/**
	* show the controls when 
	* mouseover the main container
	*/
	slideshowMouseEvent();
	function slideshowMouseEvent(){
		$('#msg_slideshow').unbind('mouseenter')
						   .bind('mouseenter',showControls)
						   .andSelf()
						   .unbind('mouseleave')
						   .bind('mouseleave',hideControls);
		}
	
	/**
	* clicking the grid icon,
	* shows the thumbs view, pauses the slideshow, and hides the controls
	*/
	$('#msg_grid').bind('click',function(e){
		hideControls();
		$('#msg_slideshow').unbind('mouseenter').unbind('mouseleave');
		pause();
		$('#msg_thumbs').stop().animate({'top':'0px'},500);
		e.preventDefault();
	});
	
	/**
	* closing the thumbs view,
	* shows the controls
	*/
	$('#msg_thumb_close').bind('click',function(e){
		showControls();
		slideshowMouseEvent();
		$('#msg_thumbs').stop().animate({'top':'-230px'},500);
		e.preventDefault();
	});
	
	/**
	* pause or play icons
	*/
	$('#msg_pause_play').bind('click',function(e){
		var $this = $(this);
		if($this.hasClass('msg_play'))
			play();
		else
			pause();
		e.preventDefault();	
	});
	
	/**
	* click controls next or prev,
	* pauses the slideshow, 
	* and displays the next or prevoius image
	*/
	$('#msg_next').bind('click',function(e){
		pause();
		next();
		e.preventDefault();
	});
	$('#msg_prev').bind('click',function(e){
		pause();
		prev();
		e.preventDefault();
	});
	
	/**
	* show and hide controls functions
	*/
	function showControls(){
		$('#msg_controls').stop().animate({'right':'15px'},500);
	}
	function hideControls(){
		$('#msg_controls').stop().animate({'right':'-110px'},500);
	}
	
	/**
	* start the slideshow
	*/
	function play(){
		next();
		$('#msg_pause_play').addClass('msg_pause').removeClass('msg_play');
		playtime = setInterval(next,interval)
	}
	
	/**
	* stops the slideshow
	*/
	function pause(){
		$('#msg_pause_play').addClass('msg_play').removeClass('msg_pause');
		clearTimeout(playtime);
	}
	
	/**
	* show the next image
	*/
	function next(){
		++current;
		showImage('r');
	}
	
	/**
	* shows the previous image
	*/
	function prev(){
		--current;
		showImage('l');
	}
	
	/**
	* shows an image
	* dir : right or left
	*/
	function showImage(dir){
		/**
		* the thumbs wrapper being shown, is always 
		* the one containing the current image
		*/
		alternateThumbs();
		
		/**
		* the thumb that will be displayed in full mode
		*/
		var $thumb = $('#msg_thumbs .msg_thumb_wrapper:nth-child('+current_thumb+')')
					.find('a:nth-child('+ parseInt(current - nmb_images_wrapper*(current_thumb -1)) +')')
					.find('img');
		if($thumb.length){
			var source = $thumb.attr('alt');
			var $currentImage = $('#msg_wrapper').find('img');
			if($currentImage.length){
				$currentImage.fadeOut(function(){
					$(this).remove();
					$('<img />').load(function(){
						var $image = $(this);
						resize($image);
						$image.hide();
						$('#msg_wrapper').empty().append($image.fadeIn());
					}).attr('src',source);
				});
			}
			else{
				$('<img />').load(function(){
						var $image = $(this);
						resize($image);
						$image.hide();
						$('#msg_wrapper').empty().append($image.fadeIn());
				}).attr('src',source);
			}
					
		}
		else{ //this is actually not necessary since we have a circular slideshow
			if(dir == 'r')
				--current;
			else if(dir == 'l')
				++current;	
			alternateThumbs();
			return;
		}
	}
	
	/**
	* the thumbs wrapper being shown, is always 
	* the one containing the current image
	*/
	function alternateThumbs(){
		$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
						.hide();
		current_thumb = Math.ceil(current/nmb_images_wrapper);
		/**
		* if we reach the end, start from the beggining
		*/
		if(current_thumb > nmb_thumb_wrappers){
			current_thumb 	= 1;
			current 		= 1;
		}	
		/**
		* if we are at the beggining, go to the end
		*/					
		else if(current_thumb == 0){
			current_thumb 	= nmb_thumb_wrappers;
			current 		= current_thumb*nmb_images_wrapper;
		}
		
		$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
						.show();	
	}
	
	/**
	* click next or previous on the thumbs wrapper
	*/
	$('#msg_thumb_next').bind('click',function(e){
		next_thumb();
		e.preventDefault();
	});
	$('#msg_thumb_prev').bind('click',function(e){
		prev_thumb();
		e.preventDefault();
	});
	function next_thumb(){
		var $next_wrapper = $('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+parseInt(current_thumb+1)+')');
		if($next_wrapper.length){
			$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
							.fadeOut(function(){
								++current_thumb;
								$next_wrapper.fadeIn();									
							});
		}
	}
	function prev_thumb(){
		var $prev_wrapper = $('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+parseInt(current_thumb-1)+')');
		if($prev_wrapper.length){
			$('#msg_thumbs').find('.msg_thumb_wrapper:nth-child('+current_thumb+')')
							.fadeOut(function(){
								--current_thumb;
								$prev_wrapper.fadeIn();									
							});
		}				
	}
	
	/**
	* clicking on a thumb, displays the image (alt attribute of the thumb)
	*/
	$('#msg_thumbs .msg_thumb_wrapper > a').bind('click',function(e){
		var $this 		= $(this);
		$('#msg_thumb_close').trigger('click');
		var idx			= $this.index();
		var p_idx		= $this.parent().index();
		current			= parseInt(p_idx*nmb_images_wrapper + idx + 1);
		showImage();
		e.preventDefault();
	}).bind('mouseenter',function(){
		var $this 		= $(this);
		$this.stop().animate({'opacity':1});
	}).bind('mouseleave',function(){
		var $this 		= $(this);	
		$this.stop().animate({'opacity':0.5});

	});
	
	/**
	* resize the image to fit in the container (400 x 400)
	*/
	function resize($image){
		var theImage 	= new Image();
		theImage.src 	= $image.attr("src");
		var imgwidth 	= theImage.width;
		var imgheight 	= theImage.height;
		
		var containerwidth  = 400;
		var containerheight = 400;
	
		if(imgwidth	> containerwidth){
			var newwidth = containerwidth;
			var ratio = imgwidth / containerwidth;
			var newheight = imgheight / ratio;
			if(newheight > containerheight){
				var newnewheight = containerheight;
				var newratio = newheight/containerheight;
				var newnewwidth =newwidth/newratio;
				theImage.width = newnewwidth;
				theImage.height= newnewheight;
			}
			else{
				theImage.width = newwidth;
				theImage.height= newheight;
			}
		}
		else if(imgheight > containerheight){
			var newheight = containerheight;
			var ratio = imgheight / containerheight;
			var newwidth = imgwidth / ratio;
			if(newwidth > containerwidth){
				var newnewwidth = containerwidth;
				var newratio = newwidth/containerwidth;
				var newnewheight =newheight/newratio;
				theImage.height = newnewheight;
				theImage.width= newnewwidth;
			}
			else{
				theImage.width = newwidth;
				theImage.height= newheight;
			}
		}
		$image.css({
			'width'	:theImage.width,
			'height':theImage.height
		});
	}
});

</script>
        </div>
    </div>
    <!--视频展示结束-->
    
    <!--最新优惠活动开始-->
    <div class="Yh">
    	<div class="YhT FloatL"><img src="images/NewDiscount.png" /></div>
        <div class="YhRight FloatR">
        	
        	<div class="Taobao"><a href="#"></a></div>
            <div class="Xpt">
            </div>

        </div>
    </div>
	<script language="JavaScript">
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",20)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=50
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
-->
</script>
    <div class="Show">
    	<p style="margin-left:0px;">
    		<a href="#"><img src="images/5.jpg" width="245" height="215" onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=50)" Equipm></a></p>
        <p><a href="#"><img src="images/2.jpg" width="245" height="215" onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=50)" Equipm></a></p>
        <p><a href="#"><img src="images/3.jpg" width="245" height="215" onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=50)" Equipm></a></p>
        <p style="margin-right:0px;"><a href="#"><img src="images/4.jpg" width="245" height="215" onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=50)" Equipm></a></p>
    </div>
    <!--最新优惠活动结束-->
    
    <!--通栏广告-->
    <div class="BannerAdvertising">
    	<img src="images/timgdd1.jpg" width="1000" height="200" />
    </div>
    </div>
    <!--友情链接开始-->
    <div class="LinNav W1000 margin"><img src="images/CustomerReviews.png" /></div>
    <div class="Links">
    	<div class="LinksTxt W1000 margin">
			<p><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a><a href="#">老农头商城</a></p>
        </div>
    </div>
    <!--友情链接结束-->
	<div class="Goods W1000 margin"><img src="images/sh.jpg" width="1000" height="40" /></div>
</div>
</div>
<!--版权-->
<div id="Footer">
	<div class="Bottom W1000 margin">
    	<div class="BottL FloatL">
        	<p><a href="#">联系我们</a>&nbsp;|&nbsp;<a href="#">联系我们</a>&nbsp;|&nbsp;<a href="#">联系我们</a>&nbsp;|&nbsp;<a href="#">联系我们</a></p>
            <p>地址：江西省南昌市青云谱区青云谱镇三村店</p>
        </div>
        <div class="BottR FloatR"><img src="images/20190721104310.png"/></div>
    </div>
</div>

</body>
</html>

